<template>
    <div>
    <div class="container">
        <Homecategory></Homecategory>
        <Homebanner></Homebanner>
    </div>
    <HomePanl></HomePanl>
    <HomeTui></HomeTui>
    <HomeHot></HomeHot>
    <HomeProduct></HomeProduct>
    <Homedelicacy></Homedelicacy>
    <Homedress></Homedress>
    <Homemother></Homemother>
    <Homelatest></Homelatest>
    </div>
</template>

<script>
import Homecategory from "./component/Homecategory.vue"
import Homebanner from "@/components/Homebanner.vue"
import HomePanl from "./component/Homepanl.vue"
import HomeTui from "./component/Hometui.vue"
import HomeHot from "./component/Homehot.vue"


import HomeProduct from "./component/HomeProduct.vue"
import Homedelicacy from "./component/Homedelicacy.vue"
import Homedress from "./component/Homedress.vue"
import Homemother from "./component/Homemother.vue"

import Homelatest from "./component/Homelatest.vue"




    export default {
        components:{
            Homecategory,
            Homebanner,
            HomePanl,
            HomeTui,
            HomeHot,
            HomeProduct,
            Homedelicacy,
            Homedress,
            Homemother,
            Homelatest
        }
    }
</script>

<style lang="scss" scoped>
.container{
    background:pink;
    position: relative;
}
</style>